import spirit from "@/assets/images/spirit.png";
export default {
  title: {
    show: true,
    text: "",
    top: 10,
    left: "center",
    textStyle: {
      color: "#ffffff",
      fontWeight: "normal",
      fontSize: 18,
    },
    subtext: "",
    subtextStyle: {
      color: "#ffffff",
      fontWeight: "normal",
      fontSize: 16,
    },
  },
  grid: {
    show: false,
    top: 50,
    right: 80,
    bottom: 40,
    left: 60,
  },
  tooltip: {
    show: true,
    textStyle: {
      color: "#000000",
      fontWeight: "normal",
      fontSize: 14,
    }
  },
  xAxis: {
    offset: 10,
    axisLine: {
      show: false,
      lineStyle: {
        color: "#ffffff",
      },
    },
    axisLabel: {
      show: true,
      color: "#ffffff",
      fontWeight: "normal",
      fontSize: 14,
    },
    axisTick: {
      show: false,
    },
    splitLine: {
      show: false,
    },
  },
  yAxis: {
    data: [],
    inverse: true,
    axisLine: {
      show: false,
      lineStyle: {
        color: "#ffffff",
      },
    },
    axisLabel: {
      show: true,
      margin: 10,
      color: "#ffffff",
      fontSize: 14,
    },
    axisTick: {
      show: false,
    },
    splitLine: {
      show: false,
    },
  },
  series: [
    {
      type: "pictorialBar",
      symbol: "image://" + spirit,
      customSymbol: spirit, // 自定义，为了方便跟vue的v-model对应起来
      symbolRepeat: "fixed",
      symbolMargin: 4,
      symbolClip: true,
      symbolSize: 30,
      label: {
        show: true,
        position: "right",
        offset: [10, 0],
        color: "#ffffff",
        fontSize: 14,
      },
      data: [],
    },
    {
      type: "pictorialBar",
      itemStyle: {
        opacity: 0.2,
      },
      animationDuration: 0,
      symbol: "image://" + spirit,
      customSymbol: spirit,
      symbolRepeat: "fixed",
      symbolMargin: 4,
      symbolSize: 30,
      data: [],
    },
  ],
}